<template>
	<div class="xrott">
		<img src="../../assets/img/7.png" />
		<p>新用户注册领388元大礼包</p>
		<input type="button" value="立即领取 >" />
	</div>
</template>

<script>
	export default{
		name:'Xrott'
	}
</script>

<style scoped>
	.xrott{
		position: fixed;
		bottom: 1.3rem;
		height: 1.4rem;
		margin-left: 0.25rem;
		left: 0;
		width: 95%;
		border-radius: 0.3rem 0.3rem 0 0 ;
		display: flex;
		align-items: center;
		background-color: rgba(0,0,0,0.8);
		z-index: 100;
	}
	.xrott img{
		width: 1rem;
		height: 1rem;
		padding-left: 0.2rem;
	}
	.xrott p{
		text-align: left;
		padding-left: 0.2rem;
		font-size: 0.38rem;
		color: white;
	}
	.xrott input{
		position: absolute;
		right: 0;
		margin-right: 0.3rem;
		height: 0.8rem;
		background-image: linear-gradient(#ffe414,#e6c81a);
		border-radius: 0.6rem;
		border: none;
		padding: 0 0.4rem;
	}
</style>
